export default {
  data () {
    return {
      title: 'Tony Stark',
      age: 18
    }
  },
  render () {
    return (
      <div>
        <header>
          {(this.$scopedSlots.header && this.$scopedSlots.header()) || 'header'}
        </header>
        <main>
          {(this.$scopedSlots.default && this.$scopedSlots.default()) || 'main'}
        </main>
        <footer>
          {(this.$scopedSlots.footer && this.$scopedSlots.footer({
            title: this.title,
            age: this.age
          })) || 'footer'}
        </footer>
      </div>
    )
  }
}
